﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <link href="~/Content/easyui/themes/bootstrap/easyui.css" rel="stylesheet" />
    <link href="~/Content/easyui/themes/icon.css" rel="stylesheet" />
    <script src="~/Content/easyui/jquery.min.js"></script>
    <script src="~/Content/easyui/jquery.easyui.min.js"></script>
    
    <title>Index</title>
</head>
<body class="easyui-layout">
    <div data-options="region:'north',border:false" style="height: 50px; background-color:gray;">
        <div style="">
            <label style="font-family:微软雅黑;font-size:large">
                简单管理系统
            </label>
        </div>
        
    </div>
    <div data-options="region:'north',border:false" style="height: 30px;">
        @*<div id="mm" class="easyui-menu" style="width:120px;">
            <div>New</div>
            <div>
                <span>Open</span>
                <div style="width:150px;">
                    <div><b>Word</b></div>
                    <div>Excel</div>
                    <div>PowerPoint</div>
                </div>
            </div>
            <div data-options="iconCls:'icon-save'">Save</div>
            <div class="menu-sep"></div>
            <div>Exit</div>
        </div>*@
        222
    </div>
    <div data-options="region:'south'" style="height:30px;">

        by Gavin 版权所有
    </div>
    @*<div data-options="region:'west',split:true" id="menu" title="" style="width:250px;">

        @*<div id="aa" class="easyui-accordion" style="height:100%">
            <div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">
                <h3 style="color:#0099FF;">Accordion for jQuery</h3>
                <p>
                    Accordion is a part of easyui framework for jQuery.
                    It lets you define your accordion component on web page more easily.
                </p>
            </div>
            <div title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;">
                content2
            </div>
            <div title="Title3">
                content3
            </div>
        </div>*@
        @*
        <ul id="tt" class="easyui-tree">
            <li>
                <span>Folder</span>
                <ul>
                    <li>
                        <span>Sub Folder 1</span>
                        <ul>
                            <li><span><a href="#">File 11</a></span></li>
                            <li><span>File 12</span></li>
                            <li><span>File 13</span></li>
                        </ul>
                    </li>
                    <li><span>File 2</span></li>
                    <li><span>File 3</span></li>
                </ul>
            </li>
            <li><span>File21</span></li>
        </ul>
    </div>*@
    <div data-options="region:'center'">
        <div id="tt" class="easyui-tabs" fit="true" border="false" plain="true">
            <div title="welcome" ></div>
        </div>
    </div>

    <script type="text/javascript">

        $(function () {
                
            $('body').layout('add', {
                region: 'west',
                width: 250,
                title: '导航菜单',
                split: true,
                tools: [{
                    iconCls: 'icon-add',
                    text:'djf',
                    handler: function () { alert('add') }
                }, {
                    iconCls: 'icon-remove',
                    handler: function () { alert('remove') }
                }]
            });


            //$("#menu").layout("title", "导航菜单");

            console.log($("#menu").attr("title"));
        })
    </script>
</body>
</html>
